<template>
  <div>
    <span>{{ msg }} {{ name }}</span>

    <button @click="onClick">点我，触发自定义事件，通知父组件</button>
  </div>
</template>

<script>
export default {
  name: "BaseInput",

  // 配置 v-model 展开形式的 prop 名与 自定义事件名
  model: {
    prop: "name",
    event: "my-click",
  },

  props: ["msg", "name"],
  methods: {
    onClick() {
      // 将name修改为李四

      this.$emit("my-click", "李四");
    },
  },
};
</script>
